<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>

		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script type="text/javascript" src="../js/highcharts.js"></script>
		<script type="text/javascript">
		var chart;
		 var options ={
		            chart: {
		            	renderTo: 'container',
		            	type: 'spline'
		            },
		            title: {
		                text: '趋势分析',                
		                style:{fontSize:'32px',fontWeight: 'bold'},
		                useHTML:true
		            },
		            xAxis: {
		                categories: ['Apples', 'Oranges', 'Pears', 'Bananas', 'Plums']
		            },		           
		            series: [{
						                name: 'Jane',
						                data: [3, 2, 1, 3, 4]
						            }]
		           };        
      
      
			function setCategories(categories){
				console.log(categories);
				$('span').html('lixu is a good boy qewq');
				chart.xAxis[0].setCategories(categories);
				
			}
			
			function setData(datas){
				
				var a = new Array();
				
				for(var i = 0; i<datas.length; i++)
				{
					console.log(datas[i]);
					a[i] = parseFloat(datas[i]);
				}
				
					
				chart.series[0].setData(a);
				console.log(options.series[0].data);
			}
			
			function showChart(){
				$('span').html('lixu is a good boy');
				
				console.log(options.xAxis.categories);
				chart=new Highcharts.Chart(options);
				
				}
			
		</script>
	</head>
	<body onload="showChart()">
	
	<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
		<span>this is just a test</span>
<<<<<<< .mine
		<input type="button" value="jsme" onclick='setCategories("a,b,c,d,e")'/>
=======
		
>>>>>>> .r94
	</body>
</html>
